<style scoped lang="less" rel="stylesheet/scss">
    @import 'detail.css';
    div{
        font-size: 30px; line-height:40px;
    }
</style>
<template>
    <div>
        <!--&lt;!&ndash; 字符串 &ndash;&gt;-->
        <!--<router-link to="home">Home</router-link>-->
        <!--&lt;!&ndash; 渲染结果 &ndash;&gt;-->
        <!--<a href="home">Home</a>-->

        <!--&lt;!&ndash; 使用 v-bind 的 JS 表达式 &ndash;&gt;-->
        <!--<router-link v-bind:to="'home'">Home</router-link>-->

        <!--&lt;!&ndash; 不写 v-bind 也可以，就像绑定别的属性一样 &ndash;&gt;-->
        <!--<router-link :to="'home'">Home</router-link>-->

        <!--&lt;!&ndash; 同上 &ndash;&gt;-->
        <!--<router-link :to="{ path: 'home' }">Home</router-link>-->

        <!--&lt;!&ndash; 命名的路由 &ndash;&gt;-->
        <!--<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>-->

        <!--&lt;!&ndash; 带查询参数，下面的结果为 /register?plan=private &ndash;&gt;-->
        <!--<router-link :to="{ path: 'register', query: { plan: 'private' }}">Register</router-link>-->
        {{id}}
        <br>
        <router-link :to="{ path: '/detail/111' }"  class="price">111</router-link>
        <br>
        <router-link :to="{ path: '/detail/222' }"  class="price">222</router-link>
        <br>
        <router-link :to="{ path: '/detail/333' }"  class="price">333</router-link>
        <br>
        <router-link :to="{ path: '/index' }"  class="price">index</router-link>
    </div>
</template>
<script>
    import _default from "./detail.js";
    export default _default;
</script>

